/* 全局样式调整 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-size: 14px;
    color: #414a60;
    position: relative;
}
.container {
    width: 100%;
    background: #f6f6f8;
}
::selection{
    color: #fff;
    background: #5dd5c8;
}
/* 外边距 */
.margin-10per{
    margin: 0 10%
}
.margin-20per{
    margin: 0 20%
}
/* ul */
ul{
    list-style: none;
}

/* el-input */
.el-input-group__append{
    border-color: #5dd5c8;
}
.el-input__inner:focus,.el-textarea__inner:focus{
    border-color: #5dd5c8;
}

/* el-button */
.el-button{
    padding: 0;
    color: #fff;
}

/* 朴素el-btn */
.el-button--default{
    transition: .3s;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    color: #00d7c6;
    border-color: #5dd5c8;
    background: transparent;
}
.el-button--default:hover,
.el-button--default:focus{
    color: #fff;
    border-color: #5dd5c8;
    background: #5dd5c8;
}
.el-button--default:active{
    background: #00c2b3;
}

/* 文本el-btn */
.el-button--text{
    color: #00c2b3;
}
.el-button--text:hover,
.el-button--text:focus{
    color: #00d7c6;
}
.el-button--text:active{
    color: #1abc9c;
}

/* 主要el-btn */
.el-button--primary{
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
}
.el-button--primary,
.el-button--primary:hover,
.el-button--primary:focus{
    color: #ffffff;
    border-color: #5dd5c8;
    background: #5dd5c8;
}
.el-button--primary:hover,
.el-button--primary:focus{
    opacity: .8;
}
.el-button--primary:active{
    background: #00c2b3;
}

/* 圆角el-btn*/
.el-button.is-round{
    padding: 0 23px;
}
.el-button--default.is-round:hover,
.el-button--default.is-round:focus{
    color: #00d7c6;
    border-color: #00d7c6;
    background: transparent;
}
.el-button--default.is-round:active{
    opacity: .8;
}

.el-button + .el-button{
    margin-left: 20px;
}

/* el-link */
.el-link.el-link--default{
    color: #fff;
    vertical-align: top;
    transition: color .5s;
}
.el-link.el-link--default:hover{
    color: #5dd5c8;
}
.el-link.el-link--default:active{
    color: #00c2b3;
}
.el-link::after{
    display: none;
}
.el-link + .el-link{
    margin-left: 20px;
}

/* el-radio */
.el-radio__inner:hover{
    border-color: #00c2b3;
}
.el-radio.is-checked .el-radio__inner{
    border-color: #00c2b3;
    background: #00c2b3;
}
.el-radio__input.is-checked+.el-radio__label{
    color: #00c2b3;
}

/* el-select */
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner{
    border-color: #00c2b3;
}
.el-select-dropdown__item.selected{
    color: #00c2b3;
}

/* el-date-picker */
.el-month-table td.today .cell,
.el-month-table td.current:not(.disabled) .cell,
.el-month-table td .cell:hover{
    color: #00c2b3;
}

/* el-dropdown */
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    color: #00c2b3;
}

/* el-input-number */
.el-input-number .el-input__inner:focus,
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){
    border-color: #00c2b3;
}
.el-input-number__decrease:hover,
.el-input-number__increase:hover{
    color: #00c2b3;
}
/* 复选框样式重写 */
input[type="checkbox"]:checked{
    background: #00c2b3;
    border-color: #00c2b3;
}
input[type="checkbox"]{
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #dcdfe6;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    margin-left: 8px;
    cursor: pointer;
}
input[type="checkbox"]:checked::before{
    content: "";
    width: 9px;
    height: 4px;
    border: 2px solid #ffffff;
    border-top: 0;
    border-right: 0;
    background: transparent;
    position: absolute;
    top: 3px;
    left: 2px;
    transform: rotate(-50deg);
}